바닐라 타입스크립트 바닐라로 상태 기반 렌더링 컴포넌트 만들기 3 - 환경 설정하기 (feat. 보일러 플레이트) 이 시리즈의 이전 글은 아래로... 실제 작업을 위한 환경 설정을 해보쟈! config/#1_Project-Setting 브랜치에서 자세히 확인 하실 수 있습니다! TypeScript: 개발의 생산성, 안정성을 위해 도입 SCSS: 개발의 생산성을 위해 도입 Webpack: 코드 압축, 모듈 이용을 위해 도입 Babel: 크로스 브라우징을 위해 도입 ES Lint: 코드 품질을 위해 도입 P... typescriptcomponentvanilla바닐라 타입스크립트ReactReact 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 각자 상태(state)를 기반으로 렌더링 CSR (Client Side Rendering): 브라우저에서 자바스크립트를 이용하여 렌더링을 하는 렌더링 방식 Entry Point: 자바스크립트로 열심히 그린 Element들을 넣어주는 데에 이용이 되는 시작점 2. 최상위 App 컴포넌트 만들어주기 App 컴포넌트는 자체적인 상태(state)를 가지고 있다. 하위 컴포넌트에서는 이벤트를 전달하고... typescriptcomponentvanilla바닐라 타입스크립트ReactReact
바닐라로 상태 기반 렌더링 컴포넌트 만들기 3 - 환경 설정하기 (feat. 보일러 플레이트) 이 시리즈의 이전 글은 아래로... 실제 작업을 위한 환경 설정을 해보쟈! config/#1_Project-Setting 브랜치에서 자세히 확인 하실 수 있습니다! TypeScript: 개발의 생산성, 안정성을 위해 도입 SCSS: 개발의 생산성을 위해 도입 Webpack: 코드 압축, 모듈 이용을 위해 도입 Babel: 크로스 브라우징을 위해 도입 ES Lint: 코드 품질을 위해 도입 P... typescriptcomponentvanilla바닐라 타입스크립트ReactReact 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 각자 상태(state)를 기반으로 렌더링 CSR (Client Side Rendering): 브라우저에서 자바스크립트를 이용하여 렌더링을 하는 렌더링 방식 Entry Point: 자바스크립트로 열심히 그린 Element들을 넣어주는 데에 이용이 되는 시작점 2. 최상위 App 컴포넌트 만들어주기 App 컴포넌트는 자체적인 상태(state)를 가지고 있다. 하위 컴포넌트에서는 이벤트를 전달하고... typescriptcomponentvanilla바닐라 타입스크립트ReactReact